CSS动画简明参考手册 前端开发 Web开发 CSS 过渡相关属性 transition-property 属性名称|all(默认)|none transition-duration 时间(默认0) transition-timing-function ease(默认)|linear|ease-in|ease-in-out|step-start|step-end|steps|cubic-bezier(#,#,#,#)...
前端页面布局简明参考手册 前端开发 Web开发 CSS 布局方式分类固定布局 栅格布局 优势 布局可预见,更好控制行长,容易设计和制作 劣势 浏览器窗口比网页窄,内容显示不全;大屏幕下白边很多;大字体行长难以控制,用户无法控制 实现方式 固定内容块的宽度 流式布局 优势 可以避免留白,桌面浏览器用户可以控制窗口内容和宽度,没有水平滚动条 劣势 大屏显示器下行长过长,不适合阅读;内容难以预见 实现方式 ...
纯CSS实现markdown标题自动编号 前端开发 Web开发 JavaScript 代码规范 问题的由来第一次关注这个标题编号的问题应该回溯到本科毕业论文的时候了,当时还单独涉猎过这个主题,Word 有个很好的特性级联标题,一次设置好之后,后续只要设置标题样式就能按照设置的标题编号方式自动编号,我们要做的只是将对应的标题设置成对应基本的标题样式就好了,这个方法让我爱不释手,多年来一直沿用。完全解决了中途插入一章,一节等等导致的章节编号都需要人肉调整的问题,当然还有...
2020前端遮罩镂空聚焦引导技术方案大全 前端开发 Web开发 JavaScript 代码规范 开胃菜:简单遮罩、形状遮罩 教科书式的标准做法,需要考虑内容有滚动条的时候的在不同情况下的处理 123456789.mask{ position:fixed; top:0; right:0; bottom:0; left:0; background: rgba(0, 0, 0, 0.4); z-index: 10;} border简单看一下原理图...
JavaScript 隐式类型转换 JS类型转换 编程语言 1 介绍JavaScript作为一种弱类型的语言,我们很多时候不需要直接关心到底是经过怎样的转换过程。JavaScript会在需要我们来探索下到底都是些什么样的过程~~,同时了解在什么样的情况下JavaScript需要什么样的值。 先介绍基本的概念,然后说明各种类型的转换规则,最后说转换的场景。 2 基本概念以下的讲解过程中可能需要用到的概念,这里做一个列表。JavaSc...
ECMAScript 2015 ES 6 开发技术 1 特性介绍1.1 语法改进1.1.1 支持模块化语法2 module,import,export2.0.1 支持面向对象语法 类(class),继承(extends),静态方法(static),属性存取(getter,setter) 2.0.2 块级作用域 let 只在声明的代码块中有效 不存在声明提前 不允许重复声明 2.0.3 解构赋值 适合var...
JavaScript this 理解 开发技术 JavaScript 1 thisJavascript中的this是当前执行上下文对象的一个属性,在创建执行上下文时生成,在执行上下文中不可改变。但会随着不同执行上下文的不对变化而改变。 这也是问题所在。 2 严格模式以 “use strict”; 指定的JavaScript解析模式在非严格模式下,this在没有具体的指向的时候会指向全局对象,即浏览器运行时的window对象。严格模式下,不会...
JavaScript prototype 原型 继承 理解 开发技术 JavaScript 1 一些相关概念理解1.1 相关概念 对象 哲学上万物皆对象,具体指人们要研究的客观事物及对其进行的主观抽象; 计算机理论思想中的对象是包含属性和相关行为的封装结构,是类的实例,类是对对象的抽象; 计算机程序的对象是一块具体的内存区域,可以是变量、函数、数据结构以及他们的组合。 JavaScript 中的对象指Object类型的实例,是属性的集合; 属性属性是对象,原...
JavaScript作用域 闭包 理解 开发技术 JavaScript 1 相关概念理解1.1 作用域顾名思义,作用域就是起作用的范围,可访问的范围,有效的范围。 1.2 词法作用域词法就是单词的形式和用法,词法作用域就是由词法确定的作用域。JavaScript的作用域是词法作用域,可以等同于静态作用域,意指只需要读取源代码进行静态分析(不需要代码执行)就能确定的作用域。 1.3 变量作用域一提到变量作用域,很快能想到的两个词“全局变量”和“...
JavaScript正则表达式及其应用 Web开发 前端开发 开发技术 JavaScript 正则表达式是一套文本处理的规则,最初在Perl语言中实现,其他各种编程语言的实现或多或少有一些差异,所以需要看具体的语言中的实现和支持情况。 比如Perl语言中的如下正则语法在JavaScript中不被支持: \a \e \l \u \L \U \E \Q \A \Z \z \G (?<= (?<| (?# (?<xxx> 1 JavaScri...